<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小米商城</title>
    <link rel="stylesheet" href="css.css">
    <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
</head>

<body>
    <div id="header">
    </div>

    <div id="nav">
        <div id="nav-main">

            <div id="nav-left">
                <a class="a1" href="#">小米商城</a>
                    <span class="sp1">|</span>
                <a class="a1" href="#">MIUI</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">IOT</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">云服务</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">金融</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">有品</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">小爱开放平台</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">政企服务</a>
                <span class="sp1">|</span>
                <a class="a1" href="#">Select Region</a>
            </div>

            <div id="nav-right">
                    <a href="" class="a1">登录</a>
                    <span class="sp1">|</span>
                    <a href="" class="a1">注册</a>
                    <span class="sp1">|</span>
                    <a href="" class="a1">消息通知</a>
                    <span id="shop">
                        <span id="icon" class="fa fa-shopping-cart"></span>
                        <span class="a1">购物车(0)</a>
                    </span>
                </div>

        </div>
    </div>

    <div id="nav2">
        <a href="#"><img src="img/logo.png" alt=""></a>

        <ul id="nav2-center">
            <li>小米手机</li>
            <li>红米</li>
            <li>电视</li>
            <li>笔记本</li>
            <li>盒子</li>
            <li>新品</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>

        <div id="nav2-right">
                <div id="nav2-rrr">
                    <input type="text">
                </div>
                <span id="sp2" class="fa fa-search"></span>
        </div>

    </div>

    <div id="banner">
        <div id="n-left">
            <ul>
                <li>手机 电话卡<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>电视 盒子<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>笔记本 平板<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>智能 家电<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>健康 家居<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>出行 儿童<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>路由器 手机配件<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>移动电源 插线板<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>耳机 音箱<span  class="sp3 fa fa-chevron-right"></span></li>
                <li>生活 米兔<span  class="sp3 fa fa-chevron-right"></span></li>
            </ul>
        </div>
    </div>

    <div id="banner-bottom">
    <div id="bb1">
        <div>选购手机</div>
        <div>企业团购</div>
        <div>F码通道</div>
        <div>米粉卡</div>
        <div>以旧换新</div>
        <div>话费充值</div>
    </div>
    <div class="bb2"><img src="img/bb1.jpg" alt=""></div>
    <div class="bb2"><img src="img/bb2.jpg" alt=""></div>
    <div class="bb2"><img src="img/bb3.jpg" alt=""></div>
    </div>

</body>

</html>